<template>
  <div class="indexx">
    <van-popup v-model="show" position="left" :style="{ height: '100%' }">
      <div style="width:230px;height:100vh;">
        <HelloWord></HelloWord>
      </div>
    </van-popup>
    <div class="box-cerver">
      <div @click="showPopup" style="margin-left:10px;">
        <van-icon size="25" name="manager" />
      </div>
      <div style="margin-left:30px;">
        <h3>快上车♛</h3>
      </div>
      <div style="margin-right:10px;  ">
        {{position}}
        <van-icon name="location" />
      </div>
    </div>

    <Home></Home>
  </div>
</template>

<script>
import HelloWord from "../components/HelloWorld";
import Home from "./Home";
export default {
  components: { Home, HelloWord },
  data() {
    return {
      position: "北京市",
      show: false
    };
  },
  methods: {
    showPopup() {
      this.show = true;
    }
  }
};
</script>

<style lang="scss" scoped>
* {
  margin: 0;
  padding: 0;
}
.indexx {
  background: rgb(241, 241, 241);
}
.box-cerver {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
</style>